a{
    cursor: pointer;
}

body{
    position: relative;
    height: 2000px;
}
.main {
    padding-top: 190px;

    // 导航栏
    .mod_tag {
        position: relative;
        margin: 52px 0 0;

        .tag__list {
            position: relative;
            height: auto;
            zoom: 1;
            clear: both;
            overflow: hidden;
            line-height: 26px;
            padding-left: 65px;

            h3 {
                position: absolute;
                top: 0;
                left: 0;
                font-weight: 400;
                width: 65px;
            }

            .tag__item {
                float: left;
                padding: 0 8px;
                margin: 0 24px 15px 0;
                &:hover{
                    color: #31c27c;
                }
            }

            .tag__item--select {
                background-color: #31c27c;
                color: #fff ;
                &:hover{
                    background-color: #31c27c;
                    color: #fff ;
                }
            }

        
        }
    }

    // 全部MV部分
    .mod_part_detail {
        position: relative;
        margin-bottom: 30px;

        // 顶部标题栏
        .part_detail__hd {
            overflow: hidden;
            height: 60px;

            .part_detail__tit {
                float: left;
                font-size: 24px;
                font-weight: 400;
                line-height: 58px;
                font-family: \5FAE\8F6F\96C5\9ED1;
                margin-right: 15px;
            }
            .part_detail__tit2 {
                float: left;
                font-size: 24px;
                font-weight: 400;
                line-height: 58px;
                font-family: \5FAE\8F6F\96C5\9ED1;
            }
            // 最新最热选项框 
            .part_switch {
                position: absolute;
                top: 7px;
                right: 0;
                height: 40px;
                line-height: 40px;
                border-radius: 2px;
                font-size: 0;

                .part_switch__item {
                    display: inline-block;
                    padding: 0 16px;
                    height: 38px;
                    position: relative;
                    font-size: 14px;
                    border: 1px solid #c9c9c9;
                }

                // 左边最新选框
                .part_switch__item--left {
                    right: -1px;
                    border-top-left-radius: 2px;
                    border-bottom-left-radius: 2px;
                    border-color: #c9c9c9;
                    &:hover{
                        color: #31c27c;
                    }
                }
                  
                // 右边最热选框
                .part_switch__item--right {
                    border-top-right-radius: 2px;
                    border-bottom-right-radius: 2px;
                    border-color: #c9c9c9;
                    &:hover{
                        color: #31c27c;
                    }
                }
                //最新最热选框高亮效果
                .part_switch__item--select{
                    background-color: #31c27c;
                    color: #fff ;
                    border-color: #31c27c;
                    z-index: 2;
                    &:hover{
                        background-color: #31c27c;
                        color: #fff;
                    }
                }
              
            }
        }
        //mv列表
        .mv_list__list {
            li {
                // 
                width: 285px;
                height: 265px;
               float: left;
                
                margin-right: 36px;
                margin-bottom: 10px;
             
                &:nth-child(4n){
                    margin-right: 0px;
                    
                }
                .imagea {
                    position: relative;
                    display: block;
                    overflow: hidden;
                       &::before{
                            content: '';
                            position: absolute;
                            display: block;
                             left: 0;
                             top: 0;
                             width: 285px;
                             height: 161px;
                             z-index: 99;
                             background-color: rgba(0, 0, 0, 0.0);
                             transition: opacity .5s;
                        }
                        &:hover::before{
                            background-color: rgba(0, 0, 0, 0.5);
                           }
                    img {
                        width: 285px;
                        height: 161px;
                        transition: all 0.75s;    
                    }
                    &:hover img{
                        transform: scale(1.2);
                       }
                       
                       
                       i{
                        display: block;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        margin-left: -35px;
                        margin-top: -35px;
                        width: 70px;
                        height: 70px;
                        background: url(../img/playbutton.png);
                        background-size: cover;
                        z-index: 99;
                        opacity: 0;
                        transition: all 1s;
                       }
                       &:hover i{
                        transform: scale(1.1);
                        opacity: 1;
                       }
                    
                    }
                }
                h3{
                    font-weight: 400;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-size: 100%;
                    line-height: 1.5;
                    font-family: poppin,Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;
                    margin-top: 10px;
                a{
                    color: #000;
                    cursor: pointer;
                }
                }
                p{
                    a{
                        color: #999;
                    }
                }
                .info{
                    line-height: 18px;
                    height: 20px;
                    font-size: 14px;       
                    font-family: poppin,Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;
                    color: #999;
                    margin-top: 5px;
                    i{
                        display: inline-block;
                        width: 19px;
                        height: 12px;
                        background: url(../img/icon_sprite@2x.bf4cef49.png) no-repeat -180px -20px;
                        background-size: 200px;
                        margin-right: 5px;
                        vertical-align: -1px;
                    }
                }
            }
        }
    }


//返回顶部
.btn_bottom_top{
    position: fixed;
    right: 40px;
    width: 38px;
    height: 40px;
    font-size: 14px;
    z-index: 4;
    bottom: 166px;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    color: #000;
    text-align: center;
    // cursor: pointer;
    
}
//举报
.btn_bottom_report{
    position: fixed;
    right: 40px;
    width: 38px;
    height: 40px;
    z-index: 4;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    line-height: 40px;
    font-size: 14px;
    font-family: PingFang SC,Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;
    text-align: center;
    bottom: 124px;
    color: #000;
    // cursor: pointer;
}
//反馈
.btn_bottom_feedback{
    bottom: 82px;
    line-height: 38px;
    font-size: 14px;
    font-family: PingFang SC,Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;
    text-align: center;
    position: fixed;
    right: 40px;
    width: 38px;
    height: 40px;
    z-index: 4;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    color: #000;
    // cursor: pointer;
}
//播放器
.btn_bottom_player{
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 38px;
    height: 40px;
    font-size: 14px;
    z-index: 4;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    color: #000;
    text-align: center;
    // cursor: pointer;
}